<?php

 ?>

<!DOCTYPE html>
<html>
<head>
<title><?php
echo($title);
?></title>
<style> 
table, th, td {    border: 1px solid black;}

a.anchor {
  display: block; position: relative; top: -190px; visibility: hidden;/* required for webkit browsers */
}
@font-face {
   font-family: PDMSSaleemQuranFont;
   src: url(<?php echo $applocation; ?>me_quran_volt_newmet.ttf);
}

body {
   direction: rtl;	

}



.list {
  font-family:sans-serif;
  margin:0;
  padding:20px 0 0;
}
.list > li {
  display:block;
  background-color: #eee;
  padding:10px;
  box-shadow: inset 0 1px 0 #fff;
}
.avatar {
  max-width: 150px;
}
img {
  max-width: 100%;
}

p {
  margin:0;
}

input {
  border:solid 1px #ccc;
  border-radius: 5px;
  padding:7px 14px;
  margin-bottom:10px
}
input:focus {
  outline:none;
  border-color:#aaa;
}
.sort {
  padding:8px 30px;
  border-radius: 6px;
  border:none;
  display:inline-block;
  color:#fff;
  text-decoration: none;
  background-color: #28a8e0;
  height:30px;
}
.sort:hover {
  text-decoration: none;
  background-color:#1b8aba;
}
.sort:focus {
  outline:none;
}
.sort:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  content:"";
  position: relative;
  top:-10px;
  right:-5px;
}
.sort.asc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  content:"";
  position: relative;
  top:13px;
  right:-5px;
}
.sort.desc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  content:"";
  position: relative;
  top:-10px;
  right:-5px;
}






#QuranTitle {
   font-family: PDMSSaleemQuranFont;   
   font-size: 270%;
   word-spacing: 5px;
   color: red;
   direction: rtl;	
}


H1{
margin-bottom: 10px;
padding-bottom: 0;
margin-top: 10px;
padding-top: 0; 
   font-family: PDMSSaleemQuranFont;   
   font-size: 300%;
   word-spacing: 5px;
   color: black;
   direction: rtl;	
}

H2{
margin-bottom: 10px;
padding-bottom: 0;
margin-top: 10px;
padding-top: 0; 
   font-family: PDMSSaleemQuranFont;   
   font-size: 270%;
   word-spacing: 5px;
   color: red;
   direction: rtl;	
}

H3 {
margin-bottom: 0;
padding-bottom: 0;
margin-top: 0;
padding-top: 0; 
/* border: 1px solid red; */
   font-family: PDMSSaleemQuranFont;   
   font-size: 110%;
   word-spacing: 2px;
   color: black;
   direction: rtl;	
}

#Quran {
   font-family: PDMSSaleemQuranFont;   
   font-size: 170%;
   word-spacing: 5px;
   color: red;
   direction: rtl;	
}

div.floating-menu {position:fixed;background:#fff4c8;border:1px solid #ffcc00;width:100%;z-index:100;height:150px;}
div.floating-menu a, div.floating-menu h3 {display:block;margin:0 0.5em;}
div.floating-menuspaceholder {background:#fff4c8;border:1px solid #ffcc00;width:100%;z-index:100;height:150px;}

</style>
</head>
<body>
<h1>ايات القرأن مفهرسه بالموضوع</h1>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-142687-10', 'auto');
  ga('send', 'pageview');

</script>
<?php
//echo "<style> \n";
//echo "@font-face {font-family: PDMSSaleemQuranFont; src: url(sansation_light.woff);}"

//http://pakdata.com/products/arabicfont

 ?>


